<template>
    <div
        id="pc-wrapper"
        :style="pcWrapperCss">
        <ClientOnly>
            <AppHeader />
        </ClientOnly>
        <div id="main-content">
            <slot />
        </div>
        <ClientOnly>
            <AppFooter />
        </ClientOnly>
    </div>
</template>
<script setup lang="ts">
    import { bgColor } from '~/utils/env';

    const pcWrapperCss = {
        background: bgColor(),
    };

    onMounted(() => {
        document.body.style.backgroundColor = bgColor();
    });
</script>
<style lang="scss">
    #pc-wrapper {
        min-height: 100vh;
    }
</style>
